document.addEventListener('DOMContentLoaded', function() {
    const blogPosts = [
        {
            title: "我的第一篇博客文章",
            date: "2024-03-15",
            content: "这是我的第一篇博客文章。我将在这里分享我的想法和经验。"
        },
        {
            title: "学习Web开发的心得",
            date: "2024-03-18",
            content: "最近我一直在学习Web开发，这里是我的一些心得体会..."
        },
        {
            title: "我最喜欢的编程语言",
            date: "2024-03-20",
            content: "每个程序员都有自己喜欢的编程语言，而我最喜欢的是..."
        }
    ];

    const blogPostsContainer = document.getElementById('blog-posts');

    blogPosts.forEach(post => {
        const postElement = document.createElement('article');
        postElement.classList.add('blog-post');
        postElement.innerHTML = `
            <h3>${post.title}</h3>
            <p><small>发布日期：${post.date}</small></p>
            <p>${post.content}</p>
            <a href="#">阅读更多</a>
        `;
        blogPostsContainer.appendChild(postElement);
    });
});